<template>
  <div id="map-id" style="height: 900px"></div>
</template>

<script>
import L from "leaflet";
import "leaflet.chinesetmsproviders";
import "leaflet/dist/leaflet.css";

export default {
  dicts: [],
  components: {  },
  mounted() {
    // 初始化地图，并设置地理中心和缩放倍数
    let map = L.map("map-id", {
      center: [29.84, 113.36],
      zoom: 12,
    });
    // 添加瓦片（Tile）图层
    L.tileLayer
      .chinaProvider("GaoDe.Normal.Map", { maxZoom: 18, minZoom: 5 })
      .addTo(map);
  },  
};
</script>

<style lang="scss" scoped>

</style>
